<template>
  <div>
    <div id="box">
      <BookCategory/>
<!--      <BulletinBoard/>-->
      <Rotation/>

      <LatestDownload/>
      <Advertisement/>

      <TeachingAndLearning/>
      <LeaestFather/>
<!--      <FootFather/>-->
      <FriendsLink/>
      <BookRotation/>
      <info-bar/>
    </div>

  </div>
</template>

<script>
import BookCategory from "@/views/home/components/index_components/BookCategory";
// import BulletinBoard from "@/views/home/components/index_components/BulletinBoard";
import Rotation from "@/views/home/components/index_components/Rotation";
import LatestDownload from "@/views/home/leatest_list/LatestDownload";
import Advertisement from "@/views/home/components/index_components/Advertisement";
import BookRotation from "@/views/home/book_rotation/BookRotation";
import TeachingAndLearning from "@/views/home/teach_list/TeachingAndLearning";
import LeaestFather from "@/views/home/leaest_cate/LeaestFather";
// import FootFather from "@/views/home/footer_list/FootFather";
import FriendsLink from "@/views/home/friendsLink/FriendsLink";
import InfoBar from "@/views/home/infoBar/InfoBar";

export default {
  name: "Home",
  data() {
    return {}
  },
  beforeMount() {
  },
  components: {
    InfoBar,
    BookRotation,
    FriendsLink,
    // FootFather,
    Advertisement,
    LatestDownload,
    Rotation,
    BookCategory,

    // BulletinBoard,
    TeachingAndLearning,
    LeaestFather,

  }
}
</script>

<style scoped>
/*div{*/
/*  height: 125em;*/
/*}*/
#box {
  position: relative;
  overflow: hidden;
  height: 1790px;
  /*background-color: lightgray;*/
}
</style>